<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="UTF-8">
<script type="text/javascript" th:src="@{resources/jquery-3.3.1.js}"></script>
<script type="text/javascript" th:src="@{resources/bootstrap-3.3.7-dist/js/bootstrap.min.js}"></script>
<script type="text/javascript" th:src="@{resources/bootstrap-3.3.7-dist/js/bootstrap.js}"></script>
	
<link rel="stylesheet" th:href="@{resources/bootstrap-3.3.7-dist/css/bootstrap.min.css}"/>
<link rel="stylesheet" th:href="@{resources/bootstrap-3.3.7-dist/css/bootstrap-theme.min.css}"/>
</head>
<body>
	<!-- <span th:replace="static.html"></span> -->
	Map:<input th:type="text" th:value="${key}" />
	<input type="text" value="${key}" />
	<input id='time' class="form-control" th:type="text" th:value="${time}" style="width:360px" />
	<br>
	<br>
	Model:<input th:type="text" th:value="${title}" />
	<input th:type="text" th:value="${operateTime}" />
	
	
	<script>
		$(document).ready(function(){
			refreshTime()
		});
		var i = 0;
		function refreshTime(){
			setTimeout(function(){
				refreshTime();
			},10000);
			$.ajax({
				url:"index2",
				type:"post",
				success:function(e){
					var o = JSON.parse(e);
					console.log(o);
					$("#time").val(new Date(o.time));
				}
			});
		}
</script>
</body>
</html>